<div class="container demo-box">
    <div class="left demo-box">
        <ul>
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
            <li>f</li>
        </ul>

    </div>

    <div class="remain box">
        <h1>
            左右布局，关键点：
        </h1>
        <div>
            parent: display:flex;
        </div>
        <div>
            child:
        </div>>
        <div> flex: 0 0 30%; flex: auto;
        </div>
    </div>

</div>